<template>
	<div class="footerContainer margin_top_10">
		<div class="footerContent">
			<el-row :gutter="20" class = "footerDiv">
				<el-col :span = "8" class = "text_align_center height_100">
					<a href="#">盼盼微博 <img src="../../static/images/icon_weibo.svg" alt="" style="vertical-align: middle;" /></a>
				</el-col>
				<el-col :span = "8" class = "text_align_center height_100">
					<a href="#">小盼盼博客 <img src="../../static/images/icon_boke.svg" alt="" style="vertical-align: middle;" /></a>
				</el-col>
				<el-col :span = "8" class = "text_align_center height_100">
					<a href="#">我的主页 <img src="../../static/images/icon_dongtai.svg" alt="" style="vertical-align: middle;" /></a>
				</el-col>
			</el-row>
		</div>
	</div>
</template>

<style>
.footerContainer {
	width: 100%;
	height: 100px;
	margin: 0px auto;
	background-color: rgb(84, 92, 100);
}
.footerContent {
	width: 1200px;
	height: 100px;
	margin: 0px auto;
	/*background: palegreen;*/
}
.footerDiv{
	height: 100px;
	line-height: 100px;
	color: #FFFFFF;
}
</style>

<script type="text/ecmascript-6">
	export default {
		data() {
			return {
				
			};
		},
		components : {
			
		},
		methods: {
			
			
		}
	}
</script>
